<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/table.css">
</head>
<body>
    <div id="table">
        <div id="add">
            <label for="#text1">编号：</label><input type="text" id="text1">
            <label for="#text2">品牌名称：</label><input type="text" id="text2">
            <button id="btn">添加</button>
        </div>
        <div id="search">
            <label for="#text3">品牌名称：</label><input type="search" id="text3" placeholder="请输入搜索条件" autofocus="autofocus" >
        </div>
        <table id="tab">
            <thead>
                <th>编号</th>
                <th>品牌名称</th>
                <th>创建时间</th>
                <th>操作</th>
            </thead>
            <tbody id="tbody"></tbody>
            <tfoot id="tfoot"><tr>
                <td colspan="4" id="foot">没有更多数据了</td>
            </tr></tfoot>
        </table>
    </div>
</body>
</html>


<script src="./js/table.js"></script>

<!-- <script src="./js/newtable.js"></script> -->